<#include "macro-head.ftl">
<#include "macro-comments.ftl">
<!DOCTYPE html>
<html>
    <head>
        <@head title="${article.articleTitle} - ${blogTitle}">
        <meta name="keywords" content="${article.articleTags}" />
        <meta name="description" content="${article.articleAbstract?html}" />
        </@head>
        <link type="text/css" rel="stylesheet" href="/js/lib/SyntaxHighlighter/styles/shCoreEclipse.css" charset="utf-8" />
        <link type="text/css" rel="stylesheet" href="/js/lib/SyntaxHighlighter/styles/shThemeEclipse.css" charset="utf-8" />
        <script type="text/javascript" src="/skins/${skinDirName}/js/jquery.min.js"></script>
	<script type="text/javascript" src="/skins/${skinDirName}/js/ed.js"></script>
    </head>
    <body>
        ${topBarReplacement}
        <div id="loading" style="display: none; "></div>
        <div id="page">
        <#include "header.ftl">
        <div id="content">   
                    <div class="post" id="post">
                        <h1>
                            <a class="article-title" href="${article.articlePermalink}">
                                ${article.articleTitle}
                            </a>
                            <#if article.hasUpdated>
                            <sup class="tip">
                                ${updatedLabel}
                            </sup>
                            </#if>
                            <#if article.articlePutTop>
                            <sup class="tip">
                                ${topArticleLabel}
                            </sup>
                            </#if>
                        </h1>
                        <div class="timeta" style="opacity: 0.7; ">${article.authorName} Published@
                                <#if article.hasUpdated>
                                ${article.articleUpdateDate?string("yyyy-MM-dd HH:mm:ss")}
                                <#else>
                                ${article.articleCreateDate?string("yyyy-MM-dd HH:mm:ss")}
                                </#if>                            
                                /<a class="say" href="#comments" title="Skip to Commentlist">Skip</a> 
                        </div>
                        <div class="clear"></div>
                        <div class="entry">
                                <p id="adsensefirst">
                                <script type="text/javascript"><!--
                                        google_ad_client = "ca-pub-6776264782593260";
                                        /* adsensefirst */
                                        google_ad_slot = "4215524559";
                                        google_ad_width = 468;
                                        google_ad_height = 60;
                                        //-->
                                        </script>
                                        <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
                                        </script>
                                </p>
                                ${article.articleContent}
                                <#if "" != article.articleSign.signHTML?trim>
                                <div>
                                    ${article.articleSign.signHTML}
                                </div>
                                </#if>
                                <p><b>转载请注明：来自</b><a href="${blogHost}" title="${blogTitle}">${blogTitle}</a><br /><b>本文地址：</b><a href="${blogHost}${article.articlePermalink}" title="${article.articleTitle}">${blogHost}${article.articlePermalink}</a></p>
                                <p id="adsenselast">
                                <script type="text/javascript"><!--
                                google_ad_client = "ca-pub-6776264782593260";
                                /* adsenselast */
                                google_ad_slot = "0202692963";
                                google_ad_width = 468;
                                google_ad_height = 60;
                                //-->
                                </script>
                                <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
                                </script>
                                </p>
                                <div id="postail" style="border-top-left-radius: 7px 7px; border-top-right-radius: 7px 7px; border-bottom-right-radius: 7px 7px; border-bottom-left-radius: 7px 7px; position: relative; zoom: 1; ">
                                Tag(s): 
                                        <#list article.articleTags?split(",") as articleTag>
                                        <a href="/tags/${articleTag?url('UTF-8')}">${articleTag}</a>
                                        </#list>
                                        <div style="display: inherit">
                                                <canvas width="7px" height="7px" style="position:absolute;top:-2px;left:-2px;"></canvas>
                                                <canvas width="7px" height="7px" style="position:absolute;top:-2px;right:-2px;"></canvas>
                                                <canvas width="7px" height="7px" style="position:absolute;bottom:-2px;left:-2px;"></canvas>
                                                <canvas width="7px" height="7px" style="position:absolute;bottom:-2px;right:-2px;"></canvas>
                                        </div>
                                </div>
                                <div id="share">
                                        <ul style="display: none; top: -225px; opacity: 0; ">
                                                <li onclick="window.open('http://shuqian.qq.com/post?title=${article.articleTitle}%26uri=${blogHost}${article.articlePermalink}');return false">QQ书签</li>
                                                <li onclick="window.open('http://del.icio.us/post?url%3D${blogHost}${article.articlePermalink}%26title=${article.articleTitle}');return false">Del.icio.us</li>
                                                <li onclick="window.open('http://cang.baidu.com/do/add?it%3D${article.articleTitle}%26iu=${blogHost}${article.articlePermalink}%26dc%3D%26fr%3Dien#nw%3D1');return false">百度收藏</li>
                                                <li onclick="window.open('http://www.google.com/bookmarks/mark?op%3Dedit%26bkmk%3D${blogHost}${article.articlePermalink}%26title%3D${article.articleTitle}');return false">Google</li>
                                                <li onclick="window.open('http://fanfou.com/sharer?u%3D${blogHost}${article.articlePermalink}%26t%3D${article.articleTitle}');return false">饭否</li>
                                                <li onclick="window.open('http://friendfeed.com/share?url=${blogHost}${article.articlePermalink}%26title%3D${article.articleTitle}');return false">FriendFeed</li>
                                        </ul>
                                </div>
                        </div>
			<div class="related">
				<div id="relatedclick">点击显示&nbsp;&nbsp;>>&nbsp;&nbsp;<a href="javascript:onClickDiv('relatedul')">暧昧文章</a></div>
				<#if 0 != relevantArticles?size>
				<ul id="relatedul" style="display:none;">
				<#list relevantArticles as relevantArticle>
					<li><a href="${relevantArticle.articlePermalink}" style="text-decoration:none;" title="${relevantArticle.articleTitle}">${relevantArticle.articleTitle}</a></li>
				</#list>
				</ul>
				</#if>
			</div>
                    </div>
                    <div class="meta">
                    ${article.authorName} Published@{{entry.date|datetz:"H:i"}} /
                                <#if article.hasUpdated>
                                ${article.articleUpdateDate?string("yyyy-MM-dd HH:mm:ss")}
                                <#else>
                                ${article.articleCreateDate?string("yyyy-MM-dd HH:mm:ss")}
                                </#if>/                    
                    <a class="say" href="#comments" title="Skip to Commentlist">Skip</a> 
                    </div>
                    <@comments commentList=articleComments permalink=article.articlePermalink></@comments>
                </div>
                <#include "side.ftl">
                <div class="clear"></div>
            </div>
        </div>
        <#include "footer.ftl">
        <@comment_script oId=article.oId>
        page.tips.externalRelevantArticlesDisplayCount = "${externalRelevantArticlesDisplayCount}";
        page.loadRandomArticles();
        <#if 0 != externalRelevantArticlesDisplayCount>
        page.loadExternalRelevantArticles("<#list article.articleTags?split(",") as articleTag>${articleTag}<#if articleTag_has_next>,</#if></#list>");
        </#if>
        </@comment_script>    
    </body>
</html>
